<template>
    <van-search v-model="value" show-action label="地址" placeholder="请输入搜索关键词" @search="onSearch">
        <template #action>
            <div @click="onClickButton">搜索</div>
        </template>
    </van-search>
    <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" >
        <template #tags>
            <van-tag plain type="primary">标签</van-tag>
            <van-tag plain type="primary">标签</van-tag>
        </template>
        <template #footer>
            <van-button size="mini"  @click="jian">-</van-button>  
            {{ num }}
            <van-button size="mini" @click="add">+</van-button>  
        </template>
    </van-card>
    <a href="/login"><van-submit-bar :price="3050" button-text="提交订单"  
        @click="$router.push('/login')"/></a>
</template>
<script setup>
import {ref} from 'vue'
let num=ref(1)
const jian=()=>{
num.value-- 
}
const add=()=>{
num.value++
}


</script>